@extends('layout.wechat_frame')

@section('search')

    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">日常报价</h1>
    </header>

    <div class="mui-content">
        <form  method="get" action="{{ route('dailyQuote.dqSearch') }}">
        <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
            <li class="mui-table-view-cell">
                <h4 ><span class="ips-span-first"></span>
    				<span class="ips-span-input" >
				</span></h4>
                <div>
                    <h5>
                    <!--
                    <button type="button" id="dqList" class="ips-row-btn-big mui-btn-green">创建清单</button>
                    -->
                    {!! \App\Services\IPSWechatHelper::showButton(['type'=>'link', 'title'=>'发布需求', 'href'=>route('dailyQuote.dqCreate'), 'css'=>'ips-row-btn-big mui-btn-green', 'text'=>'创建清单']) !!}
                    </h5>
                </div>
            </li>

            <li class="mui-table-view-cell">
                <h4 ><span class="ips-span-first" style="width: 80px; line-height: 25px">开始日期</span><span><input type="text" id='date1' name="date_start" data-options='{"type":"date"}' class="btn" style="height: 28px;width: 130px;margin-left:5%;" placeholder="选择日期 ..."/>
				</span></h4>
                <div>
                    <button type="submit" class="ips-row-btn-big mui-btn-blue">查找</button>
                </div>

                <h4 ><span class="ips-span-first" style="width: 80px; line-height: 25px">截止日期</span><span><input type="text" id='date2' name="date_stop" data-options='{"type":"date"}' class="btn" style="height: 28px;width: 130px;margin-left:5%;" placeholder="选择日期 ..."/>
				</span></h4>
                <div>
                    <!--
                    <button type="button" class="ips-row-btn-big mui-btn-blue" style="position:absolute; top:46px; right:20px;">显示全部</button>
                    -->
                    <a href="{{ route('dailyQuote.dqSearch') }}" class="ips-row-btn-big mui-btn-blue" style="position:absolute; top:63px; right:20px;">查看全部</a>
                </div>
            </li>
        </ul>
        </form>
    </div>
@section('main')
    <div class="mui-content ips-mui-content-no-top">
        <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
                <li class="mui-table-view-cell">

                    <h5><span class="ips-span-first-No">序号</span><span class="ips-span-second">日期</span><span style="position:absolute; right:40px;">操作</span></h5>
                    @if (count($offer_baskets) > 0)
                        @foreach ($offer_baskets as $k => $basket)
                            <?php
                            $total_count = $basket->information()->where('supplier_id', auth()->user()->id)->count();
                            $edit_count = $basket->information()->where('supplier_id', auth()->user()->id)->where('state', 'created')->count();
                            ?>
                            @if ($total_count == 0 and $basket->name < date('Y-m-d'))

                            @else
                                <h5><span class="ips-span-first-No">{{ $k + 1 }}</span>
                                    <span class="ips-span-second">{{ $basket->name }}</span>

                                    <span style="position:absolute; right:40px;">

                                        @if($basket->name == date('Y-m-d'))
                                            <a href="{{route('dailyQuote.dqList', ['basket' => $basket->id])}}">编辑</a>
                                        @else
                                            <a href="{{route('dailyQuote.dqList', ['basket' => $basket->id])}}">查看</a>
                                        @endif
                                    </span>
                                </h5>
                            @endif
                            @endforeach
                            @else
                                <h5>没有找到记录</h5>
                        @endif
                </li>
        </ul>
    </div>
@stop


@section('page')
    {!! $pages !!}
@endsection

@section('js')

    <script>
        (function($, doc) {
            $.init();
            var btns = doc.getElementsByClassName('btn');

            for (var i=0; i<btns.length; i++) {

                btns[i].num = i;
                btns[i].addEventListener('tap', function() {
                    var optionsJson = this.getAttribute('data-options') || '{}';
                    var options = JSON.parse(optionsJson);
                    var id = this.getAttribute('id');
                    /*
                     * 首次显示时实例化组件
                     * 示例为了简洁，将 options 放在了按钮的 dom 上
                     * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
                     */
                    var picker = new $.DtPicker(options);

                    // lvze add
                    picker.num=this.num

                    picker.show(function(rs) {
                        /*
                         * rs.value 拼合后的 value
                         * rs.text 拼合后的 text
                         * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
                         * rs.m 月，用法同年
                         * rs.d 日，用法同年
                         * rs.h 时，用法同年
                         * rs.i 分（minutes 的第二个字母），用法同年
                         */
                        btns[this.num].value = rs.text;
                        /*
                         * 返回 false 可以阻止选择框的关闭
                         * return false;
                         */
                        /*
                         * 释放组件资源，释放后将将不能再操作组件
                         * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
                         * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
                         * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
                         */
                        picker.dispose();
                    });
                }, false);
            }
        })(mui, document);
        </script>
@stop